@import "~taro-ui/dist/style/components/button.scss";
@import "~taro-ui/dist/style/components/loading.scss";
.box {
  background-size: 100% 100%;
  background:linear-gradient(to bottom,#FCE38A,#F38181);
}

.up{
  //background-color: #e09736;
  padding-left: 40px;
  padding-right: 40px;
}

.box1 {
  display: flex;
  width: 100%;
  height: auto;
  padding-top:1.8em;
}
.box11 {
  display: flex;
  align-items: center;
}
.name{
  padding-left: 30px;
  color: white;
  font-size: large;
}
.box12{
  flex: 1;
  display: flex;
  color: rgb(255, 255, 255);
  font-size: x-small;
  opacity: 50%;
  justify-content: flex-end;
  //padding-right: 98px;

}
.box122{
  padding-right: 15px;
  padding-left: 15px;
}
.box2{
  width: 100%;
  height: 100px;
  color: white;
  display: flex;
  justify-items: flex-start;
}
.box21{
  font-size: x-small;
  padding-top: 10px;
  opacity: 50%;
}
.box22{
  padding-left: 40px;
}

.box3{
  margin: 30px 40px;
  color: rgb(255, 255, 255);
}
.day{
  font-size: small;
  font-weight: bold;
  font-family: "Cambria Math";
}
.sign{
  display: inline;
  width: auto;
}
.sign1{
  flex-direction:column;
  float:left;
  //padding-right: 25px;
}
.name1{
  padding-left: 35px;
  font-size: x-small;
  font-weight: lighter;
}
.img{
  //position: absolute;
  opacity: 60%;
  padding-left: 10px;
}
.list{
  display: flex;
  flex-direction: row;
  margin-top: 30px;
}
.box4{
  margin: 10px 40px;
  color: rgb(255, 255, 255);
}
.daily{
  font-size: small;
  font-weight: bold;
}
.task{
  width: 100%;
  height: auto;
  padding: 30px 0;
  display: flex;
}
.l{
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
}
.lr{
  display: flex;
  flex-direction: row;
  margin-left: 20px;
}
.lrl{
  font-size: small;
}
.lrr{
  margin-left: 20px;
  color: brown;
  font-size: small;
  font-weight: bold;
}
.r{
  display: flex;
  flex: 1;
  //justify-content: flex-end;
  max-width: 130rpx;
  margin-right: 0px;
  border-radius: 25px;
  background: brown;
}
